<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title></title>
	<meta name="keywords" content=" ">
	<meta name="description" content="">

	<link rel="icon" href="">
	<link href="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/nprogress/nprogress.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/fonts/font-awesome/font-awesome.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/icheck/icheck.min.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/animate/animate.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.css?v=1.1" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/common/common_20170925.css" rel="stylesheet">
	<link href="https://static.9hive.cn/global/vendor/inside/inside.css?v=1" rel="stylesheet">

</head>

<body class="white-bg">
<div class="wrapper wrapper-content ibox float-e-margins">
	<div class="ibox-title">
		<div class="pull-left mbx">
			品牌用户<span class="line">/</span>
			<span class="current">会员等级</span>
		</div>
	</div>
	<div class="ibox-content">
		<div class="wrapper wrapper-content">
			<div class="row">
				<div class="col-sm-12" >
					<div class="alert alert-warning alert-dismissable">
						<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
						可以对会员等级进行管理，并进行增删改查。
					</div>
					<div class="btn-group hidden-xs" id="eventsToolbar" role="group">
						<button type="button" class="btn btn-outline btn-default">
							<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>添加
						</button>
					</div>
					<table id="cpTableEvents" data-toggle="table" data-mobile-responsive="true" class="table table-bordered table-strip table-hovered">
						<thead>
						<tr>
							<th data-field="name">等級名称</th>
							<th data-field="type" data-formatter="levelFormatter">等級类型</th>
							<th data-field="preferentialScale">优惠百分比</th>
							<th data-field="point">所需积分</th>
							<th data-field="moneyNum">所需消费额</th>
							<th data-field="isDefault" data-formatter="boolFormatter">是否默认</th>
							<th data-field="head" data-formatter="opFormatter" data-halign="center"  data-align="center">操作</th>
						</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/nprogress/nprogress.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-validate/jquery.validate.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-validate/additional-methods.min.js"></script>

<script src="https://static.9hive.cn/global/vendor/jquery-validate/localization/messages_zh.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/jquery-ajaxform/ajax-form.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/layer/layer.js"></script>

<script>

    function opFormatter(value, row, index){
    	var html = '<a href="javascript:void(0)" onclick="edit(\''+row.id+'\');" class="fa fa-pencil" data-toggle="tooltip" title="编辑" style="font-size: 15px"></a>';
		html += '<a href="javascript:void(0)" onclick="del(\''+row.id+'\');"><span style="margin-left:10px;font-size: 15px" class="fa fa-trash-o" data-toggle="tooltip" title="删除"></span></a>';
		return html;
	}
	


    function levelFormatter(v) {
		if(v == 1)
		    return '消费额';
		else
		    return '积分';
    }

	function boolFormatter(v) {
		if(v)
		    return '是';
		else
		    return '否';
    }

	function del(v) {
        $.post('delete',{"ids":v},function (e) {
            if(e.state == "fail"){
                layer.msg(e.info);
            }else{
                layer.msg("删除成功!");
                $('#cpTableEvents').bootstrapTable('refresh');
            }
        })
    }
	function edit(v) {
		location.href = "edit?id="+v;
    }

    (function() {
        $('#cpTableEvents').bootstrapTable({
            url: "${base}/shop/memberrank/ajaxlist",
            search: true,
            pagination: true,
            showRefresh: true,
            showToggle: true,
            showColumns: true,
            iconSize: 'outline',
            toolbar: '#eventsToolbar',
            icons: {
                refresh: 'glyphicon-repeat',
                toggle: 'glyphicon-list-alt',
                columns: 'glyphicon-list'
            }
        });
        $(".wrapper").tooltip({selector:"[data-toggle=tooltip]",container:"body"});

        $('#eventsToolbar').on('click',function (e) {
			location.href = 'add';
        })

		toastr.options = {
			"positionClass" : "toast-top-center"
		};

        if('${type!}' == 'save')
            toastr.success('添加成功', '提示')
		if('${type!}' == 'del')
            toastr.success('删除成功', '提示')
    })();
</script>
</body>

</html>
